<mat-sidenav-container [class.myapp-dark-theme]="darkTheme">
  <!--侧边栏-->
  <mat-sidenav #sidenav mode="over">
    <app-sidebar></app-sidebar>
  </mat-sidenav>
  <div class="site">
    <!--头部-->
    <header>
      <app-header (toggle)="sidenav.toggle()" (toggleDaekTheme)="switchTheme($event)"></app-header>
    </header>
    <!--中间-->
    <main>
      <router-outlet></router-outlet>
    </main>
    <!--底部-->
    <footer>
      <app-footer></app-footer>
    </footer>
  </div>
</mat-sidenav-container>


